解决方案（我封装的上传代码在后面“封装上传”部分）：就直接上阿里oss管理后台去增加一个跨域规则：见图片，特详细 配置成这样点确定就好了，就这么简单案发背景：标题其实就已经是答案了，但是以我的性格，我还是要介绍介绍案发背景，如果你比较着急，可以直接跳到解决方案那里看：本来我就是个干前端的，也干安卓端（为啥不干ios，因为没钱买mac），然后我只管vue、js这一亩三分地，什么服务器配置，阿里云oss，跟我都没啥关系。直到我们老板用我们的网站，上传大文件的时候报错，后端测试说没问题（后端是用小文件测的，这个文件本来是老板发的，但是老板微信发出来以后，可能就压缩了很多，导致他上传成功了），然后我
1.Doctype作用？DOCTYPE是用来声明文档类型和DTD规范的。声明位于HTML文档中的第一行，不是一个HTML标签，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。2.标准模式与兼容模式各有什么区别？标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。在HTML4.01中声明指向一个DTD，由于HTML4.01基于SGML，所以DTD指定了标记规则以保证浏览器正确渲染内容HTML5不基于SGML，所以不用指定DT
前端下载有两类，一类是直接让浏览器接管的（点击a链接触发），另一类是先在内存里下载好（blob），然后调用浏览器的保存。1.window.open我最初使用的方法就是这个，只要提供了文件的服务器地址，使用window.open也就是在新窗口打开，这时浏览器会自动执行下载。2.a标签其实window.open和a标签是一样的，只是a标签是要用户点击触发，而window.open可以主动触发后端如果设置了Content-Disposition，那么不需要download属性也能下载。而且后端还可以设置文件名。下载文件3.xhr（axios）下载这个时候，请求发送的时候需要注明responseTyp
VsCode配置前端环境及运行VsCode环境配置下载VsCode安装Node安装npm安装LiveServer运行前端程序其他插件VsCode环境配置下载VsCode链接：官网地址进入官网点击->DownloadforWindows，即可下载；如果是苹果或Linux操作系统，点击->DownloadforWindows的箭头就可以选择对应的版本。或者直接在电脑管家的软件管理下载都可。安装Node链接：官网地址建议安装16.18稳定版测试是否安装成功：node-v查看node的版本npm-v查看npm的版本(新版的node安装自带安装npm)win+R，输入cmd，进入命令提示窗。查看到版本号
应对互联网技术面试绝不仅仅是刷题就可以达到的。首先选择技术岗位，其次每个岗位开始都是先着手面经，多看到了解，提炼出必考的技术点合集，最后针对这些必考技术，系统学习，融会贯通。对这个岗位的必备技能，一定要做到基础扎实，完全理解。下面是真实的小红书一面面试经验分享，感兴趣的小伙伴可以点击文末的链接进行测评。搬砖不易，还请各位小主动动小手点赞关注一下。面试1、简单自我介绍（什么时候开始学前端？学习路径是怎么样的？）2、介绍了下项目3、有用过原生js做过项目吗？4、这两个项目为什么都选择了vue？5、vue跟原生js的区别6、怎么触发数据的更改和页面的刷新？（我答的vue响应式原理）7、vue2和vu
有时候不希望用户去调试或复制前端代码，那该如何禁止用户调试前端代码呢？今天就来分享一个开源的前端工具：DisableDevtool，一行代码禁用Web开发者工具！功能简介disable-devtool可以禁用一切可以进入开发者工具的方法，阻止通过开发者工具进行的“代码抓取”。它具有以下特点：支持可配置是否禁用右键菜单。取消f12和ctrl+shift+i等快捷键。支持识别从浏览器菜单栏打开开发者工具并关闭当前页面。开发者可以绕过拒绝（url参数使用tk配合md5加密）。多种监测模式，支持几乎所有浏览器（IE,360,QQ浏览器,FireFox,Chrome,Edge...）。高度可配置、使用极
一般我们在调试单个React组件时，借助于热更新，我们改改代码可以在浏览器实时看到更新，但当项目比较大的时候，我们调试的页面在整个应用中的路由层级比较深，就会导致：每一次咱们修改完一个地方的代码，浏览器自动刷新到了首页，并进入修改的页面，才能看到更新之后的变化。介于此，这篇分享一个前端调试React组件的方法。一、使用createPortal构建测试组件scss代码：.test-container{position:fixed;width:100vw;height:100vh;background-color:white;z-index:9999999999999999999999999999
一、项目初始化npminstall-g@tarojs/clinpx@tarojs/cliinitshenji_qijing_client_taro二、微信小程序：启动微信小程序开发调试npmrundev:weapp打开微信开发者工具导入项目在微信开发者工具查看调试信息三、h5应用启动h5开发调试npmrundev:h5自动打开浏览器查看调试界面可以看到，同样界面，不但在微信小程序中能用，在浏览器中也能用四、react-native应用提前说下，这个坑比较多。通过rn官网教程，准备nodejs和androidstudio基础环境，注意官网推荐的jdk版本，一定要保持一致，否则很可能踩坑。（[20
Console-Import是一个Chrome扩展插件，可以方便地从Chrome控制台导入JavaScript和CSS资源。它可以帮助我们在开发过程中快速调试和测试第三方库或代码。下载地址安装要安装Console-Import，请在Chrome网上应用店搜索“Console-Import”，然后点击“添加到Chrome”。使用使用Console-Import非常简单。在Chrome控制台中，输入以下命令：$i其中，可以是JavaScript文件的URL、本地文件路径或npm包名称。例如，要导入一个名为my-lib.js的JavaScript文件，可以使用以下命令：$ihttps://cdnjs
使用electron封装了前端界面之后，最终打包为一个客户端（exe）。但是，最近项目组内做CS（c++开发）的，想把所有的配置都放进安装目录的配置文件中（比如config.json）。这做法，对于纯前端而言有点难以接收。第一，纯前端不允许读取本地文件。就这一条，直接封死所有的路。第二，读取配置，前端可以通过可视化界面存入本地缓存，不必要读取本地文件。基于以上两点，我觉得读取本地文件不可能实现，况且时间紧任务重。奈何，前端话语权微乎其微。最后，我咬着牙，实现了一下读取本地文件的需求。如有更好的方案，可以私信评论。首先，纯js肯定干不了读取本地文件的事情。那么，只能用nodejs了。况且，ele
